<%--
  Created by IntelliJ IDEA.
  User: 吉良吉影
  Date: 2022/1/5
  Time: 17:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<!-- nav 搜索模块start -->
<header>
    <div class="nav">
        <div class="w">
            <div class="logo">
                <a>
                    <img src="./static/img/common/logo.png" alt="" />
                </a>
            </div>
            <div class="nav-bar">
                <ul>
                    <li><a href="./index.jsp">首页</a></li>
                    <li class="nav-list">
                        <a>Xiaomi手机</a>
                        <div class="nav-bar-list">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-1.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi11 青春活力版</p>
                                            <p class="price1">1999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-2.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi Civi</p>
                                            <p class="price1">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-3.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi11 Pro</p>
                                            <p class="price1">4499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-4.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi11</p>
                                            <p class="price1">3599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-5.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi10</p>
                                            <p class="price1">2499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav1-6.png" alt="" />
                                            </div>
                                            <p class="name1">Xiaomi MIX FOLD</p>
                                            <p class="price1">6999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a>Redmi 红米</a>
                        <div class="nav-bar-list">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-1.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi Note 11 Pro系列</p>
                                            <p class="price1">1799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-2.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi Note 11 5G</p>
                                            <p class="price1">1199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-3.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi Note 11 4G</p>
                                            <p class="price1">999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-4.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi Note 10 Pro</p>
                                            <p class="price1">1499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-5.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi Note 10 5G</p>
                                            <p class="price1">1099元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav2-6.png" alt="" />
                                            </div>
                                            <p class="name1">K40 游戏增强版</p>
                                            <p class="price1">1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a>电视</a>
                        <div class="nav-bar-list">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-1.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi智能电视X55 2022</p>
                                            <p class="price1">2699元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-2.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi智能电视X65 2022</p>
                                            <p class="price1">3499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-3.png" alt="" />
                                            </div>
                                            <p class="name1">小米电视6 65” OLED</p>
                                            <p class="price1">6999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-4.png" alt="" />
                                            </div>
                                            <p class="name1">小米电视 大师 77” OLED</p>
                                            <p class="price1">17999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-5.png" alt="" />
                                            </div>
                                            <p class="name1">小米透明电视</p>
                                            <p class="price1">39999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav3-6.png" alt="" />
                                            </div>
                                            <p class="name1">小米电视 大师 65英寸OLED</p>
                                            <p class="price1">8999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-list">
                        <a>笔记本</a>
                        <div class="nav-bar-list">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-1.png" alt="" />
                                            </div>
                                            <p class="name1">RedmiBook Pro 14 增强版</p>
                                            <p class="price1">4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-2.png" alt="" />
                                            </div>
                                            <p class="name1">小米笔记本 Pro 14 锐龙版</p>
                                            <p class="price1">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-3.png" alt="" />
                                            </div>
                                            <p class="name1">RedmiBook Pro 15 增强版</p>
                                            <p class="price1">5299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-4.png" alt="" />
                                            </div>
                                            <p class="name1">小米笔记本Pro X 14</p>
                                            <p class="price1">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-5.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi G 2021 Intel版</p>
                                            <p class="price1">6499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <div class="img-box">
                                                <img src="./static/img/common/nav4-6.png" alt="" />
                                            </div>
                                            <p class="name1">Redmi G 2021 AMD版</p>
                                            <p class="price1">7999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="phoneServlet?action=list">全部商品</a></li>
                    <li><a href="./about.jsp">关于我们</a></li>
                    <li><a>服务</a></li>
                    <li><a>社区</a></li>
                </ul>
            </div>
            <div class="search">
                <input
                        id="search_nav"
                        type="text"
                        onfocus="show()"
                        onblur="not_show()"
                />
                <a id="search_png" class="iconfont">&#xe63d;</a>
                <div class="search-list">
                    <a href="phoneServlet?action=list">全部商品</a>
                    <a>Xiaomi手机</a>
                    <a>Redmi红米</a>
                    <a>电视</a>
                    <a>笔记本</a>
                    <a>家电</a>
                    <a>路由器</a>
                    <a>智能硬件</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- nav 搜索模块end -->